我们先将项目目录下config文件内index.js中

assetsPublicPath修改为 assetsPublicPath: ‘./’

然后打包成dist文件夹，在cmd输入以下命令

你就可以得到dist文件夹

接着我们右击这个dist目录，选择转化为移动app

这时候就会出现一个manifest.json，点击

这里你可以选择启动图配置，选择你喜欢的启动图，也可以跳过。

大部分的设置都可以默认，跳过

对了，因为vue项目没办法检测这个手机物理返回键，所以我们可以在index.html文件中修改一下，很简单

直接复制贴上去就行了。

点击导航栏的发行，选择云打包

广告可以去掉，点击打包。

打包完成，下载到手机，就可以安装使用了。

在 main.js 中写入以下内容：

借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。

首先，安装 babel-plugin-component：

npm install babel-plugin-component -D

然后，将 .babelrc 修改为：（babel.config.js文件中，在plugins中添加如下：）

接下来，如果你只希望引入部分组件，比如 Button 和 Select，那么需要在 main.js 中写入以下内容：

Hbuilder编辑器->设置->运行配置->打开真机运行时打开调试视图

完成上一步，你就可以退出此页面。【设置】=》【更多参数】=》【开发者选项】=》打开【USB调试】 注意：有的手机和我的不一样，你们也是需要找到自己手机的版本，然后多次点击。找到开启开发者选项就行。换汤不换药。

把电脑和手机用数据线进行连接起来。

连接以后会出现如下图，记得选择【传输文件】

一套代码编到11个平台，这不是梦想。眼见为实，扫描11个二维码，亲自体验最全面的跨平台效果！（这是官网原话）

1.首先在连接中下载vant。链接：vant组件下载链接

上述的链接由于是GitHub可能反应比较慢，但是一定是可以使用的。

2.建立Uni-App项目，打开Hbuilder，新建项目，选择uni-app里的默认模板直接创建就行。

3.在项目中引入vant。

首先在根目录下创建一个新的文件wxcomponents（与pages同级），接着把刚才在连接中下载的压缩包解压后的dist文件夹复制到wxcomponents文件中，并将dist文件名改为vant（如图）。

4.接着在pages.json中加入下列代码（Uni-App官网上有的）。

意思把vant - $1目录下生成index.vue文件（编译器可以搞定它）。

5.在App.vue中的style标签里加上下列代码。

6.点击运行到浏览器。

完成以上步骤后，大家遇到的问题应该就是这个了。

解决：

找到icon文件夹下的index.vue，直接Ctrl+K进行格式化。

接着我们使用vant组件，在index.vue使用button组件。

直接在运行中找到浏览器：

在非脚手架创建的项目中，有时需要使用npm包管理工具，例如在uniapp项目中。如果需要使用到npm，使用步骤如下：

1、初始化npm

//打开项目的终端，在终端中输入如下命令进行npm的初始化：

npm init -y

//这样项目根目录下就会出现 node_modules 文件夹 //如果此时没有出现，那么在后面的下载依赖后，根目录下就会出现 node_modules 文件夹

2、下载所需要的依赖包（这里以下载axios为例）

npm install axios 此时项目根目录下的 node_modules 内就会有你下载的依赖 如下图：

之后就可以在项目中需要的地方使用import引入所需的依赖包了。

为了实现多端兼容，综合考虑编译速度、运行性能等因素，uni-app 约定了如下开发规范：

MD5共有6种加密方法：

（1）静态网页不能简单地理解成静止不动的网页，他主要指的是网页中没有程序代码，只有HTML（即：超文本标记语言），一般后缀为.html,.htm,或者.xml等。虽然静态网页的页面一旦做成，内容就不会再改变了。但是，静态网页也包括一些能动的部分，这些主要是一些GIF动画等

（2）静态网页的打开，用户可以直接双击，并且不管任何人任何时间打开的页面的内容都是不变的。

（1）动态网页是指跟静态网页相对的一种网页编程技术。动态网页的网页文件中除了HTML标记以外，还包括一些特定功能的程序代码，这些代码可以使得浏览器和服务器可以交互，所以服务器端根据客户的不同请求动态的生成网页内容。

即：动态网页相对于静态网页来说，页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。

（2）动态网页，与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系，动态网页也可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，只要是采用了动态网站技术（如PHP、ASP、JSP等）生成的网页都可以称为动态网页。

（1）更新和维护：

静态网页内容一经发布到网站服务器上，无论是否有用户访问，这些网页内容都是保存在网站服务器上的。如果要修改网页的内容，就必须修改其源代码，然后重新上传到服务器上。静态网页没有数据库的支持，当网站信息量很大的时候网页的制作和维护都很困难

动态网页可以根据不同的用户请求，时间或者环境的需求动态的生成不同的网页内容，并且动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量

（2）交互性：

静态网页由于很多内容都是固定的，在功能方面有很大的限制，所以交互性较差

动态网页则可以实现更多的功能，如用户的登录、注册、查询等

（3）响应速度：

静态网页内容相对固定，容易被搜索引擎检索，且不需要连接数据库，因此响应速度较快

动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页，其中涉及到数据的连接访问和查询等一系列过程，所以响应速度相对较慢

（4）访问特点：

静态网页的每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”，可以直接双击打开

动态网页中的“?”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索之中不去抓取网址中“?”后面的内容，不能直接双击打开

如果网页内容相对的简单，不需要频繁的进行改动，或者只是为了展示信息等，就用静态网页，简单易操作，不需要管理数据库等

如果网页内容相对复杂，功能多，改动频繁，实时性的内容多，就用动态网页

js浮点数的计算存在精度不准的问题，解决方案：用整数与整数的加减乘除运算来规避该问题。